<template>
	<view class="flow">
		<view class="shanghu" v-if="type=='shop'">
			<text class="name">商户登录使用流程</text>
			<text class="content">
				Step1：点击我的，登录时选择商户，首次登录需注册填写注册资料（仅限开通会员的商户登录使用）
			</text>
			<image src="../../../static/flowImage/1.jpg" mode="widthFix"></image>
			<image src="../../../static/flowImage/2.png" mode="widthFix"></image>
			<text class="content">
				Step2：点击商户管理菜单，选择福利发放，可进行商户的活动推广、商户券发放以及券码核销功能 </text>


			<image src="../../../static/flowImage/3.jpg" mode="widthFix"></image>
			<text class="content">
				Step3：点击活动推广，输入推广活动的信息，输入完成后进入待审核状态，预计2个工作日审核完毕后给予上架，上架后可在已添加推广中下架
			</text>
			<image src="../../../static/flowImage/4.jpg" mode="widthFix"></image>
			<image src="../../../static/flowImage/5.jpg" mode="widthFix"></image>
			<text class="content">
				Step4：点击发券推广，输入券的面值等信息，输入完成后可在已添加券中操作发布或下架状态
			</text>
			<image src="../../../static/flowImage/6.jpg" mode="widthFix"></image>
			<image src="../../../static/flowImage/7.jpg" mode="widthFix"></image>
			<text class="content">
				Step5：点击券码，用户领取商户发布的优惠券后，会获得唯一的15位电子券码，商户可在此输入券码为用户核销使用
			</text>

			<image src="../../../static/flowImage/8.jpg" mode="widthFix"></image>
			<image src="../../../static/flowImage/9.png" mode="widthFix"></image>

		</view>


		<view class="user" v-if="type=='user'">
			<text class="name">用户登录使用流程</text>
			<text class="content">
				Step1：点击我的，登录时选择用户，输入手机号验证码即可登录（限已开通会员的用户登录）
			</text>

			<image src="../../../static/flowImage/10.jpg" mode="widthFix"></image>

			<text class="content">
				Step2：点击会员权益菜单，进入热门活动菜单可查看到商户发布的所有活动，用户可根据自身情况选择活动参与
				</text>
				<image src="../../../static/flowImage/11.jpg" mode="widthFix"></image>
				<text class="content">
				Step3：点击会员权益菜单，进入我的券中，用户可以查看商户发布的所有优惠券，根据自身情况选择可使用的券领取
				</text>
				<image src="../../../static/flowImage/12.jpg" mode="widthFix"></image>
				<image src="../../../static/flowImage/13.jpg" mode="widthFix"></image>
			

		</view>


	</view>
</template>

<script setup>
	const {
		proxy
	} = getCurrentInstance()
	const type = ref()
	onLoad((options) => {
		// type.value = options.type

	})
	onMounted(() => {
		getType()

	})
	const getType = () => {
		if (proxy.sjuLogin.getValue("xndz_mobile")) {
			type.value = 'shop'
		} else {
			type.value = 'user'
		}

		// if (proxy.sjuLogin.getValue("xndz_mobile")) {
		// 	type.value = 'shop'
		// } else {
		// 	type.value = 'user'
		// }
	}
</script>

<style lang="scss">
	.flow {
		width: 100%;
		height: auto;
		padding: 20rpx;
		box-sizing: border-box;

		// display: flex;
		// flex-direction: column;
		// justify-content: center;
		.shanghu {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.user {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.name {
			display: flex;
			justify-content: center;
			font-size: 28rpx;
			font-weight: bold;
			line-height: 2;

		}

		image {
			margin: 10px auto;
		}

		.content {
			display: flex;
			font-weight: 24rpx;
			line-height: 1.8;
			margin: 15px 0;
		}
	}
</style>